<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : topE.jsp
    Description : 사용자 top 부분(영문)
    author Seung Hun
    since 2012. 8. 20.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 8. 20.     Seung Hun     최초 생성
--%>

    <!-- accNav -->
    <div id="accNav"><a href="#container">skip to contents</a></div>
    <!-- /accNav -->

    <!-- header -->
    <div id="header">
        <div id="headerArea">
            <div class="topArea">
                <h1><a href="./ma_100_01.do?CSR_LOCALE_PARAM=en">HYUNDAI &#124; NEW THINKING, NEW POSSIBLITIES</a></h1>
                <div class="quickArea">
                    <ul class="languagekLink">
                        <% if (CsrUtil.isLogin(request, "usrSession")) { %>
                        <li><a href="/rt_100_25.do" class="btnLog">Logout</a></li>
                        <% } %>
                        <li><a href="/ma_100_01.do?CSR_LOCALE_PARAM=ko">Korean</a></li>
                        <li><a href="/ma_100_02.do?CSR_LOCALE_PARAM=en">Sitemap</a></li>
                    </ul>
                    <div id="searchWrap"><a href="/ma_100_05.do?CSR_LOCALE_PARAM=en"><img src="/img/usr/common/gnb_search.gif" alt="search" /></a></div>
                </div>
            </div>
            <div id="gnb">
                <ul class="menu">
                    <li class="introduction"><a href="#">CSR Introduction</a>
                            <div class="subMenu">
                                <p>CSR INTRODUCTION</p>
                                <ul>
                                    <li><a href="/sr_100_01.do?CSR_LOCALE_PARAM=en">Hyundai CSR</a></li>
                                    <li><a href="/sr_100_02.do?CSR_LOCALE_PARAM=en">Philosophy &amp; Structure</a></li>
                                    <li><a href="/sr_100_03.do?CSR_LOCALE_PARAM=en">Symbol &amp; Slogan</a></li>
                                </ul>
                                <p class="subMenuClose"><button type="button"><img src="/img/usr/btn/btn_gnb_close.gif" alt="sub menu close" /></button></p>
                            </div>
                    </li>
                    <li class="management"><a href="#">Sustainability Management</a>
                            <div class="subMenu">
                                <p>SUSTAINABILITY MANAGEMENT</p>
                                <ul>
                                    <li><a href="/ta_100_01.do?CSR_LOCALE_PARAM=en">Overview</a></li>
                                    <li><a href="/ta_200_01.do?CSR_LOCALE_PARAM=en">Economic </a></li>
                                    <li><a href="/ta_300_01.do?CSR_LOCALE_PARAM=en">Environmental</a></li>
                                    <li><a href="/ta_400_01.do?CSR_LOCALE_PARAM=en">Social</a></li>
                                </ul>
                                <p class="subMenuClose"><button type="button"><img src="/img/usr/btn/btn_gnb_close.gif" alt="sub menu close" /></button></p>
                            </div>
                    </li>
                    <li class="social"><a href="#">Social Responsibility</a>
                            <div class="subMenu">
                                <p>SOCIAL RESPONSIBILITY</p>
                                <ul>
                                    <li><a href="/rt_200_01.do?CSR_LOCALE_PARAM=en">4 Move Campaigns</a></li>
                                    <li><a href="/rt_300_01.do?CSR_LOCALE_PARAM=en">Worldwide CSR Projects</a></li>
                                    <li><a href="/rt_400_01.do?CSR_LOCALE_PARAM=en">CSR Projects by Continent</a></li>
                                </ul>
                                <p class="subMenuClose"><button type="button"><img src="/img/usr/btn/btn_gnb_close.gif" alt="sub menu close" /></button></p>
                            </div>
                    </li>
                    <li class="materials"><a href="#">CSR Materials</a>
                            <div class="subMenu">
                                <p>CSR MATERIALS</p>
                                <ul>
                                    <li><a href="/da_100_01.do?CSR_LOCALE_PARAM=en">Notice &amp; Event</a></li>
                                    <li><a href="/da_200_01.do?CSR_LOCALE_PARAM=en">CSR News</a></li>
                                    <li><a href="/da_400_01.do?CSR_LOCALE_PARAM=en">Download Reports</a></li>
                                    <li><a href="/da_500_01.do?CSR_LOCALE_PARAM=en">Photo Gallery</a></li>
                                </ul>
                                <p class="subMenuClose"><button type="button"><img src="/img/usr/btn/btn_gnb_close.gif" alt="sub menu close" /></button></p>
                            </div>
                    </li>
                </ul><p class="subSeeAll"><button type="button" class="wholeOpen"><img src="/img/usr/btn/btn_gnb_total.gif" alt="see all" /></button></p>
            </div>
            <div class="whole eng">
                <p class="figure"><img src="/img/usr/eng/common/gnb_hyundai.jpg" alt="Moving the World Together HYUNDAI" /></p>
                <ul class="introduction">
                    <li><a href="/sr_100_01.do?CSR_LOCALE_PARAM=en">HYUNDAI CSR</a></li>
                    <li><a href="/sr_100_02.do?CSR_LOCALE_PARAM=en">PHILOSOPHY &amp;<br />STRUCTURE</a></li>
                    <li><a href="/sr_100_03.do?CSR_LOCALE_PARAM=en">SYMBOL &amp; SLOGAN</a></li>
                </ul>
                <ul class="management">
                    <li><a href="/ta_100_01.do?CSR_LOCALE_PARAM=en">OVERVIEW</a></li>
                    <li><a href="/ta_200_01.do?CSR_LOCALE_PARAM=en">ECONOMIC</a></li>
                    <li><a href="/ta_300_01.do?CSR_LOCALE_PARAM=en">ENVIRONMENTAL</a></li>
                    <li><a href="/ta_400_01.do?CSR_LOCALE_PARAM=en">SOCIAL</a></li>
                </ul>
                <ul class="social">
                    <li><a href="/rt_200_01.do?CSR_LOCALE_PARAM=en">4 MOVE CAMPAIGNS</a></li>
                    <li><a href="/rt_300_01.do?CSR_LOCALE_PARAM=en">WORLDWIDE<br />CSR PROJECTS</a></li>
                    <li><a href="/rt_400_01.do?CSR_LOCALE_PARAM=en">CSR PROJECTS<br />BY CONTINENT</a></li>
                </ul>
                <ul class="materials">
                    <li><a href="/da_100_01.do?CSR_LOCALE_PARAM=en">NOTICE &amp; EVENT</a></li>
                    <li><a href="/da_200_01.do?CSR_LOCALE_PARAM=en">CSR NEWS</a></li>
                    <li><a href="/da_400_01.do?CSR_LOCALE_PARAM=en">DOWNLOAD REPORTS</a></li>
                    <li><a href="/da_500_01.do?CSR_LOCALE_PARAM=en">PHOTO GALLERY</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- /header -->

